$browser-default-font-size: 37.5px !default;
//$browser-default-font-size: 75px !default;

@function pxTorem($px){//$px为需要转换的字号
    @if (unitless($px)) {
        @return pxTorem($px + 0px);
    }@else if (unit($px) == em) {
        @return $px;
    }
    @return ($px / $browser-default-font-size) * 1rem;
}
@function pxToremNeg($px){//同上,负值转换,用于垂直居中,margin-top为负的半高度...
    @return ($px / $browser-default-font-size) * 1rem * -1;
}

$Screenheight: 100%;
$Screenwidth: 100%;

/* some useful things, come from Bootstrap. Created by Dio Zhu. on 2016.9.23 */

// Bootstrap Grid Options
//$enable-flex:               false !default;
$enable-flex:               true !default;
$enable-rounded:            true !default;
$enable-shadows:            false !default;
$enable-gradients:          false !default;
$enable-transitions:        false !default;
$enable-hover-media-query:  false !default;

// Grid breakpoints
//
// Define the minimum and maximum dimensions at which your layout will change,
// adapting to different screen sizes, for use in media queries.
$grid-breakpoints: (
    // Extra small screen / phone
        xs: 0,
    // Small screen / phone
        sm: 34em,
    // Medium screen / tablet
        md: 48em,
    // Large screen / desktop
        lg: 62em,
    // Extra large screen / wide desktop
        xl: 75em
) !default;

// Grid containers
//
// Define the maximum width of `.container` for different screen sizes.
$container-max-widths: (
        sm: 34rem,    // 480
        md: 45rem,    // 720
        lg: 60rem,    // 960
        xl: 72.25rem  // 1140
) !default;

// ================================ Colors
//
//## Gray and brand colors for use across Bootstrap.

$gray-base:              #000 !default;
$gray-darker:            lighten($gray-base, 13.5%) !default; // #222
$gray-dark:              lighten($gray-base, 20%) !default;   // #333
$gray:                   lighten($gray-base, 33.5%) !default; // #555
$gray-light:             lighten($gray-base, 46.7%) !default; // #777
$gray-lighter:           lighten($gray-base, 93.5%) !default; // #eee

$brand-primary:         #3395ff !default;
$brand-success:         #5cb85c !default;
$brand-info:            #00aeff !default;
$brand-warning:         #f87b24 !default;
$brand-danger:          #FF635F !default;

//** Background color for `<body>`.
$body-bg:               #f2f2f4 !default;
//** Global text color on `<body>`.
$text-color:            $gray-dark !default;

//** ================================ font
$font-size-base:          12px !default; // ~
$font-size-large:         14px !default; // ~
$font-size-small:         10px !default; // ~

$font-size-h1:            20px !default;
$font-size-h2:            18px !default;
$font-size-h3:            16px !default;
$font-size-h4:            14px !default;
$font-size-h5:            $font-size-base !default;
$font-size-h6:            10px !default;

$font-family: Arial !default;
$font-weight: 300 !default;
//$line-height: 1.428 !default;
//$line-height: 1.3125 !default;
$line-height: 1.2 !default;
$font-color: 1.1 !default;

//** By default, this inherits from the `<body>`.
$headings-font-family:    inherit !default;
$headings-font-weight:    500 !default;
$headings-line-height:    1.2 !default;
$headings-color:          inherit !default;

//** Unit-less `line-height` for use in components like buttons.
$line-height-base:        1.428571429 !default; // 20/14
//$line-height-base:        1 !default; // 20/14
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
$line-height-computed:    floor(($font-size-base * $line-height-base)) !default; // ~20px

//** Number of columns in the grid.
$grid-columns:              12 !default;
//** Padding between columns. Gets divided in half for the left and right.
//$grid-gutter-width:         pxTorem(18px) !default;
//$grid-gutter-width:         36px !default;
$grid-gutter-width:         pxTorem(30px) !default;
$listview-padding-width:    pxTorem(30px) !default; // 列表中的边距宽度, 用于计算单图逻辑中方图的高度

// ================================ Components
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).

$padding-base-vertical:     6px !default;
$padding-base-horizontal:   20px !default;

$padding-large-vertical:    10px !default;
$padding-large-horizontal:  16px !default;

$padding-small-vertical:    5px !default;
$padding-small-horizontal:  10px !default;

$padding-xs-vertical:       1px !default;
$padding-xs-horizontal:     5px !default;

$line-height-large:         1.33 !default;
$line-height-small:         1.5 !default;

$border-radius-base:        4px !default;
$border-radius-large:       6px !default;
$border-radius-small:       3px !default;

// ================================ Tables
//
//## Customizes the `.table` component with basic values, each used across all table variations.

//** Padding for `<th>`s and `<td>`s.
$table-cell-padding:            8px !default;
//** Padding for cells in `.table-condensed`.
$table-condensed-cell-padding:  5px !default;

//** Default background color used for all tables.
$table-bg:                      transparent !default;
//** Background color used for `.table-striped`.
$table-bg-accent:               #f9f9f9 !default;
//** Background color used for `.table-hover`.
$table-bg-hover:                #f5f5f5 !default;
$table-bg-active:               $table-bg-hover !default;

//** Border color for table and cell borders.
$table-border-color:            #ddd !default;



// ================================ Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.

$btn-font-weight:                normal !default;

$btn-default-color:              #333 !default;
$btn-default-bg:                 #fff !default;
$btn-default-border:             #ccc !default;

$btn-primary-color:              #fff !default;
$btn-primary-bg:                 $brand-primary !default;
$btn-primary-border:             $brand-primary !default;

$btn-success-color:              #fff !default;
$btn-success-bg:                 $brand-success !default;
$btn-success-border:             $brand-success !default;

$btn-info-color:                 $brand-info !default;
$btn-info-bg:                    #fff !default;
$btn-info-border:                $btn-info-color !default;

$btn-warning-color:              #fff !default;
$btn-warning-bg:                 $brand-warning !default;
$btn-warning-border:             $brand-warning !default;

$btn-danger-color:               #fff !default;
$btn-danger-bg:                  $brand-danger !default;
$btn-danger-border:              $brand-danger !default;

$btn-link-disabled-color:        $gray-light !default;

// ================================ Forms
//
//##

//** Disabled cursor for form controls and buttons.
$cursor-disabled:                not-allowed !default;
